<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			a{
				text-decoration: none;
				color: #333;
			}
			#footer {
				width: 1349px;
				height: 438px;
				padding-left: 61px;
			}
			
			#footer .footer-service {
				width: 1226px;
				height: 26px;
				padding: 27px 0;
				border-bottom: 1px solid #e0e0e0;
			}
			
			#footer .footer-service .service-list li {
				list-style: none;
				float: left;
				width: 19.8%;
				height: 25px;
				border-left: 1px solid #e0e0e0;
				font-size: 16px;
				line-height: 25px;
				text-align: center;
			}
			
			#footer .footer-service .service-list li a:hover {
				color: #FF6700;
			}
			
			#footer .footer-links {
				width: 1226px;
				height: 112px;
				padding: 40px 0;
			}
			
			#footer .footer-links dl {
				float: left;
				width: 160px;
				height: 112px;
				margin: 0;
			}
			
			#footer .footer-links dt {
				font-size: 14px;
				color: #424242;
				height: 28px;
			}
			
			#footer .footer-links dl dd {
				height: 28px;
				line-height: 28px;
				font-size: 12px;
				color: #424242;
				
			}
			
			#footer .footer-links dl dd a:hover {
				color: #FF6700;
			}
			
			#footer .footer-links .contact {
				width: 252px;
				height: 118px;
				float: right;
				border-left: 1px solid #e0e0e0;
				text-align: center;
				color: #616161;
			}
			
			#footer .footer-links .contact .phone {
				font-size: 22px;
				line-height: 1;
				color: #FF6700;
				margin-bottom: 5px;
			}
			
			#footer .footer-links .contact .time {
				font-size: 12px;
				margin-bottom: 18px;
			}
			
			#footer .footer-links .contact .kefu {
				border: 1px solid;
				border-color: #FF6700;
				color: #FF6700;
				background-color: white;
				font-size: 12px;
				width: 120px;
				height: 30px;
				line-height: 30px;
				display: block;
				margin-left: 65px;
			}
			
			#footer .footer-links .contact .kefu:hover {
				border-color: #FF6700;
				color: white;
				background-color: #FF6700;
			}
			
			#footer .footer-infor {
				width: 1226px;
				height: 106px;
				padding: 30px 0;
				background-color: #FAFAFA;
			}
			
			#footer .footer-infor .footer-logo {
				width: 57px;
				height: 57px;
				float: left;
				margin-right: 10px;
			}
			
			#footer .footer-infor .infor-text {
				float: left;
				color: #B0B0B0;
				width: 720px;
				height: 54px;
				font-size: 12px;
			}
			
			#footer .footer-infor .infor-text .sep {
				color: #B0B0B0;
			}
			
			#footer .footer-infor .infor-link img {
				height: 28px;
				margin-left: 7px;
			}
		</style>
	</head>
	<body>
		<div id="footer">
				<div class="footer-service">
					<ul class="service-list">
						<li>
							<a href="#">预约维修服务</a>
						</li>
						<li>
							<a href="#">7天无理由退货</a>
						</li>
						<li>
							<a href="#">15天免费换货</a>
						</li>
						<li>
							<a href="#">满150包邮</a>
						</li>
						<li>
							<a href="#">520余家售后网点</a>
						</li>

					</ul>
				</div>
				<div class="footer-links">
					<dl><dt><a href="#">帮助中心</a></dt>
						<dd>
							<a href="#">账户管理</a>
						</dd>
						<dd>
							<a href="#">购物指南</a>
						</dd>
						<dd>
							<a href="#">订单操作</a>
						</dd>
					</dl>
					<dl><dt><a href="#">服务支持</a></dt>
						<dd>
							<a href="#">售后政策</a>
						</dd>
						<dd>
							<a href="#">自助服务</a>
						</dd>
						<dd>
							<a href="#">相关下载</a>
						</dd>
					</dl>
					<dl><dt><a href="#">线下门店</a></dt>
						<dd>
							<a href="#">小米之家</a>
						</dd>
						<dd>
							<a href="#">服务网点</a>
						</dd>
						<dd>
							<a href="#">零售网点</a>
						</dd>
					</dl>
					<dl><dt><a href="#">关于小米</a></dt>
						<dd>
							<a href="#">了解小米</a>
						</dd>
						<dd>
							<a href="#">加入小米</a>
						</dd>
						<dd>
							<a href="#">联系我们</a>
						</dd>
					</dl>
					<dl><dt><a href="#">关注我们</a></dt>
						<dd>
							<a href="#">新浪微博</a>
						</dd>
						<dd>
							<a href="#">小米部落</a>
						</dd>
						<dd>
							<a href="#">官方微信</a>
						</dd>
					</dl>
					<dl><dt><a href="#">特色服务</a></dt>
						<dd>
							<a href="#">F码通道</a>
						</dd>
						<dd>
							<a href="#">礼物码</a>
						</dd>
						<dd>
							<a href="#">防伪查询</a>
						</dd>
					</dl>
					<div class="contact">
						<p class="phone">400-100-5678</p>
						<p class="time">周一至周日 8:00-18:00<br/>（仅收市话费） </p>
						<a href="#" class="kefu">24小时在线客服</a>
					</div>
				</div>
				<div class="footer-infor">
					<div class="footer-logo">
						<img src="img/logo.png" />
					</div>
					<div class="infor-text">
						<p>
							<a href="#">小米商城</a><span class="sep">|</span>
							<a href="#">MIUI</a><span class="sep">|</span>
							<a href="#">米聊 </a><span class="sep">|</span>
							<a href="#">多看书城 </a><span class="sep">|</span>
							<a href="#">小米路由器 </a><span class="sep">|</span>
							<a href="#">视频电话</a><span class="sep">|</span>
							<a href="#">小米淘宝直营店</a><span class="sep">|</span>
							<a href="#">小米天猫店</a><span class="sep">|</span>
							<a href="#">小米网盟 </a><span class="sep">|</span>
							<a href="#">小米移动</a><span class="sep">|</span>
							<a href="#">隐私政策</a><span class="sep">|</span>
							<a href="#">Select Region</a>
						</p>
						<p class="">©
							<a href="#">mi.com</a>京ICP证110507号
							<a href="#">京ICP备10046444号</a>
							<a href="#">京公网安备11010802020134号</a>
							<a href="#">京网文[2014]0059-0009号</a><br /> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试 </p>
					</div>
					<div class="infor-link">
						<img src="img/page-footer1.png" />
						<img src="img/page-footer2.png" />
						<img src="img/page-footer3.png" />
						<img src="img/page-footer4.png" />
					</div>
				</div>
	</body>
</html>
